<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8">
		<title>CSS BOX</title>
		<style type="text/css">
			body{
				margin: 0px;
			}
			div{
				/*border: 1px solid #000;*/
			}

			#container{
				width: 940px;
				margin: 0 auto;
				border: 1px solid #3399FF;
			}
			#header{
				height: 60px;
				background-color:#3399FF; 
			}
			#mainContent{
				height: 540px;
			}
			#footer{
				height: 60px;
				background-color:#3399FF; 
			}
			#sider{
				width: 200px;
				float: left;
			}
			#worksapce{
				width: 740px;
				float: right;
			}
			h3.MenuTitle{
				background-color:#003399;
				color: #FFF; 
				margin: 2px 2px 0px 2px;
				text-align: center;
				line-height: 30px;
			}
			ul.MenuItems{
				list-style:none;
				margin: 0px 2px;
				padding: 0px;				

			}
			ul.MenuItems li a{
				display: block;
				text-decoration: none;
				line-height: 25px;
				color: #003399;
				border-left: 1px solid #003399;
				border-right: 1px solid #003399;
				border-bottom: 1px solid #003399;
			}
			ul.MenuItems li a:hover{
				background-color: #003399;
				color: #FFF;
				border-top: 1px solid #FFF;
				text-align: center;
			}

		</style>
	</head>
	<body>
		<div id="container">
			<div id="header">System LOGO</div>
			<div id="mainContent">
				<div id="sider">
					<h3 class="MenuTitle">Menu</h3>
					<ul class="MenuItems">
						<li><a href="http://www.baidu.com" target="workPanel">Baidu</a></li>
						<li><a href="http://www.163.com" target="workPanel">163</a></li>
						<li><a href="http://www.pzhu.cn" target="workPanel">pzhu</a></li>
						<li><a href="http://www.w3school.com.cn/" target="workPanel">w3schools</a></li>
					</ul>
					<h3 class="MenuTitle">TestMneu</h3>

					<ul class="MenuItems">
						<li><a href="">MenuItem</a></li>
						<li><a href="">MenuItem</a></li>
						<li><a href="">MenuItem</a></li>
						<li><a href="">MenuItem</a></li>
						<li><a href="">MenuItem</a></li>
					</ul>
				</div>
				<div id="worksapce">
					<iframe name="workPanel" src="http://www.baidu.com" width="736" height="536"></iframe>
				</div>
			</div>
			<div id="footer">Footer</div>
		</div>
	
	</body>
</html>